<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>张涛--网易云音乐播放器</title>
    <link rel="stylesheet" href="./css/my.css">
</head>
<body>
	<!--加载层-->
    <div id="load_box"><img src="images/load.gif" width="40"></div>

    <!-- 页面的背景层 -->
    <div id="back_box"></div>

    <!-- 音乐播放器容器盒子 -->
    <div id="music_box">
        <!--播放器头部标题-->
        <audio src="" id="audio_box" data-id=""></audio>
        <div class="header_row">
            <span class="iconfont">&#xe6e2;</span>
            <span id="music_title">你笑起来真好看2222</span>
            <span class="iconfont">&#xe69d;</span>
        </div>

        <!--模拟cd播放机-->
        <div class="cd_row">
            <div id="cd_img" class="">
                <img src="images/disc-ip6.png"/>
            </div>
            <img id="needle" class="" src="./images/needle-ip6.png"/>
        </div>

        <!--歌词区域-->
        <div class="lyric_row" id="music_lyric">
            <span class="lyric_prev">歌手：李昕融</span>
            <span class="lyric_now">你笑起来真好看</span>
            <span class="lyric_next">像春天的花一样</span>
        </div>

        <!--显示播放时间、进度条-->
        <div class="time_row">
            <!--音频时间-->
            <div class="time_box">
                <span id="now_time">00:00</span>
                <span id="total_time">00:00</span>
            </div>
            <!--音频播放进度条-->
            <div class="time_axis">
                <div class="slideway">
                    <span id="progress_bar"></span>
                    <div id="ahead_head"></div>
                </div>
            </div>
        </div>

        <!--按钮（暂停/播放、上一曲、下一曲、声音开关、音量调节、循环播放）-->
        <div class="btn_row">
            <span id="volume_toggle" class="iconfont">&#xe6e4;</span>
            <span id="btn_prev" class="iconfont" >&#xe6a5;</span>
            <span id="btn_play" class="iconfont" >&#xe6a8;</span>
            <span id="btn_next" class="iconfont" >&#xe69f;</span>
            <span id="loop_type" class="iconfont" item="1">&#xe69e;</span>
        </div>
	</div>
	<script src="./js/my.min.js"></script>
</body>
</html>